<script setup lang="ts">
import { useRoute, useRouter } from 'vue-router';

const router = useRouter();
const route = useRoute()

</script>

<template>

  <div class="detail">
    <h1>文章详情页</h1> 
    <p>当前文章的id:{{ route.params.id }}</p>
    <button @click="router.push('/')">返回首页</button>
  </div>
</template>

<style scoped>
.detail {
  width: 100%;
  height: 200px;
  background-color: pink;
  position: absolute;
  bottom: 0;
}
</style>